import http from '@/views/stationsAnalysis/api/request'
//引入Vue核心库
import Vue from 'vue'
import * as get from '../../api/station1' 
//引入Vuex
import Vuex from 'vuex'
//引用Vuex
Vue.use(Vuex)

// 日期
// let data = ['07/16', '07/17', '07/18', '07/19', '07/20', '07/22']
export default {
    namespaced: true,
    actions: {
        askData(context, value) {
            // getcrudeCharging1Data 原油分析
            
        //    http.get('/getcrudeCharging1Data').then(res => {
        //         // console.log(res);
        //         context.commit('ASKDATA1',res.data)
        //    })
        //     http.get('/getSAGD1Data').then(res => {
        //         context.commit('ASKDATA2',res.data)
        //     })

        //     // 污水处理
        //     http.get('/getSewageTreat1Data').then(res => {
        //         context.commit('ASKDATA3',res.data)
        //     })

        //     // 辅助系统
        //     http.get('/getAuxiliarySystem1Data').then(res => {
        //         context.commit('ASKDATA4',res.data)
        //     })

        //     // 冷凝水处理
        //      http.get('/getCondensateTreat1Data').then(res => {
        //         context.commit('ASKDATA5',res.data)
        //      })
            get.getcrudeCharging1Data().then(res => {
                // console.log(res);
                context.commit('ASKDATA1',res.data)
           })
            get.getSAGD1Data().then(res => {
                context.commit('ASKDATA2',res.data)
            })

            // 污水处理
            get.getSewageTreat1Data().then(res => {
                context.commit('ASKDATA3',res.data)
            })

            // 辅助系统
            get.getAuxiliarySystem1Data().then(res => {
                context.commit('ASKDATA4',res.data)
            })

            // 冷凝水处理
            get.getCondensateTreat1Data().then(res => {
                context.commit('ASKDATA5',res.data)
             })
            
      }
    },

    mutations: {
        // 获取原油分析页面
        ASKDATA1(state, value) {
            const { list, kcyl, sykc } = value

            const eData = {};

            // 遍历每条记录，将每个属性的值添加到对应的数组中
            list.forEach(item => {
                Object.keys(item).forEach(key => {
                    // 如果属性还不是结果对象的键，初始化一个空数组
                    if (key != 'rq') {
                        if (!eData[key]) {
                        eData[key] = [];
                    }
                    // 将值添加到对应的数组中
                    eData[key].push(item[key]);
                    }
                });
            });
            // console.log(eData);
            /* eData
            {
                    "rq": [
                        "2024-10-23T10:18:34.691",
                        "2024-10-24T10:18:34.691"
                    ],
                    "cyel": [
                        5,
                        13
                    ],
                    "cyoul": [
                        241,
                        241
                    ],
                    "wsyl": [
                        165,
                        165
                    ],
                    "ccl": [
                        165,
                        165
                    ],
                    "zxnd": [
                        456,
                        456
                    ],
                    "cjgckfxynd": [
                        456,
                        456
                    ],
                    "cygckfxynd": [
                        123,
                        123
                    ]
}
            */
           
           
            
            // 改变日期
             // 日期
            const newRq = list.map(obj => obj.rq[5]+obj.rq[6]+'/'+obj.rq[8]+obj.rq[9])
       
            Object.keys(state).forEach(key => {
                if ( key.startsWith('yOption')&&state[key].xAxis  ) {
                    state[key].xAxis.data = newRq;
                }
            });


            
            // 改变数据1~4
             const {cyel,cyoul,wsyl,ccl,zxnd,cjgckfxynd,cygckfxynd} = eData
                let arr = [cyel,cyoul,wsyl,ccl,zxnd,cjgckfxynd,cygckfxynd]
                // console.log(arr);
                let i =0
            for (let key in state) {
                if (state.hasOwnProperty(key)  &&key.startsWith('yOption')) {
                // 遍历每个 option 对象
                state[key].series.forEach((seriesItem) => {
                    // 更新每个 series 项的 data
                    seriesItem.data = arr[i]        
                    i++
                });
                }
            }
            state.option4Data.series[0].data[0].value = kcyl
            state.option4Data.series[0].data[1].value = sykc
        },

        ASKDATA2(state, value) {
            // console.log(value);
        
            const list= value

            const eData = {};

            // 遍历每条记录，将每个属性的值添加到对应的数组中
            list.forEach(item => {
                Object.keys(item).forEach(key => {
                    // 如果属性还不是结果对象的键，初始化一个空数组
                    if (key != 'rq') {
                        if (!eData[key]) {
                        eData[key] = [];
                    }
                    // 将值添加到对应的数组中
                    eData[key].push(item[key]);
                    }
                });
            });
            // console.log(eData);
            /* eData
[
    {
        "rq": "2024-10-22T10:24:19.939",
        "syzcsl": 1,
        "syzycljnd": 2,
        "syzzxprjnd": 3,
        "zxnd": 4,
        "cjgckfxynd": 5,
        "cygckfxynd": 6
    },
    {
        "rq": "2024-10-23T10:24:19.939",
        "syzcsl": 1,
        "syzycljnd": 2,
        "syzzxprjnd": 3,
        "zxnd": 4,
        "cjgckfxynd": 5,
        "cygckfxynd": 6
    },
    {
        "rq": "2024-10-24T10:24:19.939",
        "syzcsl": 1,
        "syzycljnd": 2,
        "syzzxprjnd": 3,
        "zxnd": 4,
        "cjgckfxynd": 5,
        "cygckfxynd": 6
    }
]
            */
           
           
            
            // 改变日期
             // 日期
            const newRq = list.map(obj => obj.rq[5]+obj.rq[6]+'/'+obj.rq[8]+obj.rq[9])
       
            Object.keys(state).forEach(key => {
                if (key.startsWith('SOption')&&state[key].xAxis  ) {
                    state[key].xAxis.data = newRq;
                }
            });


            
            // 改变数据5~7
             const {syzcsl,syzycljnd,syzzxprjnd,zxnd,cjgckfxynd,cygckfxynd} = eData
                let arr = [syzcsl,syzycljnd,syzzxprjnd,zxnd,cjgckfxynd,cygckfxynd]
                // console.log(arr);
                let i =0
            for (let key in state) {
                if (state.hasOwnProperty(key)  &&key.startsWith('SOption')) {
                // 遍历每个 option 对象
                state[key].series.forEach((seriesItem) => {
                    // 更新每个 series 项的 data
                    seriesItem.data = arr[i]        
                    i++
                });
                }
            }
        },

        // 污水处理
        ASKDATA3(state, value) {
            console.log(value);
            let list1 = value.treatmentArea1
            console.log('list1',list1);
            
            let list2 = value.treatmentArea2
            const eData1 = {};
            const eData2 = {};

            // 遍历每条记录，将每个属性的值添加到对应的数组中
            list1.forEach(item => {
                Object.keys(item).forEach(key => {
                    // 如果属性还不是结果对象的键，初始化一个空数组
                    if (key != 'rq') {
                        if (!eData1[key]) {
                        eData1[key] = [];
                    }
                    // 将值添加到对应的数组中
                    eData1[key].push(item[key]);
                    }
                });
            });

            // console.log('list2',list2);
            
                // 遍历每条记录，将每个属性的值添加到对应的数组中
            list2.forEach(item => {
                Object.keys(item).forEach(key => {
                    // 如果属性还不是结果对象的键，初始化一个空数组
                    if (key != 'rq') {
                        if (!eData2[key+'2']) {
                        eData2[key+'2'] = [];
                    }
                    // 将值添加到对应的数组中
                    eData2[key+'2'].push(item[key]);
                    }
                });
            });
            // console.log('eData2',eData2);

            
            // 改变日期
             // 日期
            const newRq = list1.map(obj => obj.rq[5]+obj.rq[6]+'/'+obj.rq[8]+obj.rq[9])
            state.wOption8Data.xAxis.data = newRq
            state.wOption11Data.xAxis.data = newRq
            state.wOption10Data.xAxis.data = newRq
              Object.keys(state).forEach(key => {
                if (key.startsWith('option10')&&state[key].xAxis  ) {
                    state[key].xAxis.data = newRq;
                }
            });
            // 获取水一区含油和悬浮物
            // 最后一天index
            let index1 = list1.length - 1
            let index2 = list2.length - 1
            let hy1 = [list1[index1].hytcgjk,list1[index1].hytcgck,list1[index1].hyfygck,list1[index1].hyejck]
            let hy2 = [list2[index2].hytcgjk,list2[index2].hytcgck,list2[index2].hyfygck,list2[index2].hyejck]
            let xfw1 = [list1[index1].xfwtcgjk,list1[index1].xfwtcgck,list1[index1].xfwfygck,list1[index1].xfwejck]
            let xfw2 = [list2[index2].xfwtcgjk,list2[index2].xfwtcgck,list2[index2].xfwfygck,list2[index2].xfwejck]
            
            // 改变数据8~12
            const {lsl,fyq,glcs,hsl,hytcgjk,xfwtcgjk,hytcgck,xfwtcgck,hyfygck,xfwfygck ,hyejck,xfwejck} = eData1
            const {lsl2,fyq2,glcs2,hsl2,hytcgjk2,xfwtcgjk2,hytcgck2,xfwtcgck2,hyfygck2,xfwfygck2,hyejck2,xfwejck2} = eData2
            let arr = [lsl, fyq, glcs, hsl,hy1,xfw1,hytcgjk,xfwtcgjk,lsl2, fyq2, glcs2, hsl2,hy2,xfw2] 
            // console.log('arr2',arr2);
            
        
                console.log('arr',arr);
                let i =0
            for (let key in state) {
                if (state.hasOwnProperty(key)  &&key.startsWith('w')) {
                // 遍历每个 option 对象
                state[key].series.forEach((seriesItem) => {
                    // 更新每个 series 项的 data
                    seriesItem.data = arr[i]        
                    i++
                });
                }
            }
            
            //改变option10数据
            let arr1 = [hytcgck,xfwtcgck,hyfygck,xfwfygck,hyejck,xfwejck,hytcgjk2,xfwtcgjk2,hytcgck2,xfwtcgck2,hyfygck2,xfwfygck2,hyejck2,xfwejck2]
                  let k =0
            for (let key in state) {
                if (state.hasOwnProperty(key)  &&key.startsWith('option10')) {
                // 遍历每个 option 对象
                state[key].series.forEach((seriesItem) => {
                    // 更新每个 series 项的 data
                    seriesItem.data = arr1[k]        
                    k++
                });
                }
            }

            console.log(state.option10Data3);
            
        },
        ASKDATA4(state, value) {
                // console.log(value);
            
                const list= value

                const eData = {};

                // 遍历每条记录，将每个属性的值添加到对应的数组中
                list.forEach(item => {
                    Object.keys(item).forEach(key => {
                        // 如果属性还不是结果对象的键，初始化一个空数组
                        if (key != 'rq') {
                            if (!eData[key]) {
                            eData[key] = [];
                        }
                        // 将值添加到对应的数组中
                        eData[key].push(item[key]);
                        }
                    });
                });
                // console.log('eData', eData);
                /* eData
    {
        "bdczyw": [
            1,
            1,
            1,
            1,
            1
        ],
        "c1yw": [
            2,
            2,
            2,
            2,
            2
        ],
        "c2yw": [
            3,
            3,
            3,
            3,
            3
        ],
        "wfcyw": [
            4,
            4,
            4,
            4,
            4
        ],
        "cyzfyl": [
            5,
            5,
            5,
            5,
            5
        ]
    }
                */
            
            
                
                // 改变日期
                // 日期
                const newRq = list.map(obj => obj.rq[5]+obj.rq[6]+'/'+obj.rq[8]+obj.rq[9])
        
                Object.keys(state).forEach(key => {
                    if ( key.startsWith('fOption')&&state[key].xAxis ) {
                        state[key].xAxis.data = newRq;
                    }
                });


                
                // 改变数据13、14
                const {bdczyw,c1yw,c2yw,wfcyw,cyzfyl} = eData
                    let arr = [bdczyw,c1yw,c2yw,wfcyw,cyzfyl]
                    // console.log(arr);
                    let i =0
                for (let key in state) {
                    if (state.hasOwnProperty(key)  &&key.startsWith('fOption')) {
                    // 遍历每个 option 对象
                    state[key].series.forEach((seriesItem) => {
                        // 更新每个 series 项的 data
                        seriesItem.data = arr[i]        
                        i++
                    });
                    }
                }
        },
        ASKDATA5(state, value) {
                // console.log(value);
            
                const list= value

                const eData = {};

                // 遍历每条记录，将每个属性的值添加到对应的数组中
                list.forEach(item => {
                    Object.keys(item).forEach(key => {
                        // 如果属性还不是结果对象的键，初始化一个空数组
                        if (key != 'rq') {
                            if (!eData[key]) {
                            eData[key] = [];
                        }
                        // 将值添加到对应的数组中
                        eData[key].push(item[key]);
                        }
                    });
                });
                // console.log('eData', eData);
            
                
                // 改变日期
                // 日期
                const newRq = list.map(obj => obj.rq[5]+obj.rq[6]+'/'+obj.rq[8]+obj.rq[9])
        
                Object.keys(state).forEach(key => {
                    if (key.startsWith('lOption') &&state[key].xAxis ) {
                        state[key].xAxis.data = newRq;
                    }
                });


                
                // 改变数据15~19
                const {lnslsl,lnscsl,lnsjssghy,lnsjssgxfw,lnsjssgyd,jhswsl,lnsfxprj,lnsglqckhy,lnsglqckxfw,lnsglqckyd,} = eData
                    let arr = [lnslsl,lnscsl,lnsjssghy,lnsjssgxfw,lnsjssgyd,jhswsl,lnsfxprj,lnsglqckhy,lnsglqckxfw,lnsglqckyd]
                    // console.log(arr);
                    let i =0
                for (let key in state) {
                    if (state.hasOwnProperty(key)  &&key.startsWith('lOption')) {
                    // 遍历每个 option 对象
                    state[key].series.forEach((seriesItem) => {
                        // 更新每个 series 项的 data
                        seriesItem.data = arr[i]        
                        i++
                    });
                    }
            }
            
            
        },
    },
     getters : {
	   
    },

    state: {
         chart10Data:null,
        yOption1Data: {
                
               color: ['#5087ec', '#75f9fd', '#55a15b'],
                 title: {
                    top: 20,
                    left: 10,
                    text: '产油相关',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
                },                  
                 xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
                },
               series: [
                    {
                        name: '产液量',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#5087ec'
                        }
                    },
                    {
                        name: '产油量',
                        type: 'line',
                        data: [55555, 55520, 55536, 55510, 55510, 55520],
                        label: {
                            show: true,
                            color: '#75f9fd'
                        }
                    },
                    {
                        name: '外输油量',
                        type: 'line',
                        data: [45555, 45520, 45536, 45510, 35510, 35520],
                        label: {
                            show: true,
                            color: '#55a15b'
                        }
                    }
                ]
        },
        yOption2Data: {
                   color: ['#5087ec'],
               title: {
                    top: 20,
                    left: 10,
                    text: '掺柴情况',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
                },
              xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                series: [
                    {
                        name: '掺柴量',
                        type: 'line',
                        data: [11, 10, 10, 12, 12.6, 11],
                        label: {
                            show: true,
                            color: '#5087ec',
                        
                        }
                    }
                ]
        },
        yOption3Data: {
               color: ['#5087ec', '#75f9fd', '#55a15b'],
               title: {
                    top: 20,
                    left: 10,
                    text: '正反相加药浓度',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
                },
              xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                series: [
                    {
                        name: '正相药剂浓度',
                        type: 'line',
                        data: [11, 10, 10, 12, 12.6, 11],
                        label: {
                            show: true,
                            color: '#5087ec',
                            formatter: '{c} ppm'
                        }
                    },
                    {
                        name: '沉降罐出口反相浓度',
                        type: 'line',
                        data: [21, 20, 20, 22, 22.6, 21],
                        label: {
                            show: true,
                            color: '#5087ec',
                            formatter: '{c} ppm'
                        }
                    },
                    {
                        name: '除油罐出口反相浓度',
                        type: 'line',
                        data: [45555, 45520, 45536, 45510, 35510, 35520],
                        label: {
                            show: true,
                            color: '#55a15b'
                        }
                    }
                ]
        },
        option4Data: {
                backgroundColor: ' rgba(11, 21, 57)',
                color: ['#5087ec', '#68bbc4'],
                title: {
                    top: 20,
                    left: 10,
                    text: '油量库存',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
                },
                toolbox: {
                    right: '5%',
                    feature: {
                        saveAsImage: {
                            backgroundColor: '#0b1539',
                            excludeComponents: ['toolbox']
                        }
                    },
                    iconStyle: { borderColor: '#fff' }
                },
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross'
                    }
                },
                grid: {
                    right: '10%',
                    left: '13%',
                    bottom: '10%',
                    top: '25%'
                },
                legend: {
                    show: true,
                    textStyle: { color: '#fff' },
                    top: 50,
                    left: 'center'
                },
                series: [
                    {
                        name: 'Access From',
                        type: 'pie',
                        radius: '50%',
                        data: [
                            {
                                value: 1048,
                                name: '库存油量',
                                label: {
                                    show: true
                                }
                            },
                            {
                                value: 735,
                                name: '剩余可存油量'
                            }
                        ],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        },
                        label: {
                            show: true,
                            position: 'outside', // 数据标签的位置在扇区外侧
                            formatter: '{b}{c}' // 数据标签的显示格式，{b}是数据名，{c}是数据值，{d}是百分比
                        },
                        labelLine: {
                            show: true, // 显示标签的视觉引导线
                            length: 10, // 视觉引导线的长度
                            length2: 20 // 视觉引导线第二段长度
                        }
                    }
                ]
        },
        SOption5Data: {
                    color: ['#5087ec'],
                    title: {
                    top: 20,
                    left: 10,
                    text: '产水情况',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
                },
                xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                 series: [
                    {
                        name: '产水量(t)',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#5087ec'
                        }
                    }
                ]
        },
        SOption6Data: {
              color: ['#5087ec', '#85d0dc'],
                title:{
                    top: 20,
                    left: 10,
                    text: '催化剂浓度(ppm)',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
                },
                xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                series: [
                    {
                        name: '预处理剂浓度',
                        type: 'line',
                        data: [102, 102, 100, 100, 106, 100],
                        label: {
                            show: true,
                            color: '#5087ec'
                        }
                    },
                    {
                        name: '正相破乳剂浓度',
                        type: 'line',
                        data: [112, 132, 140, 120, 136, 140],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        SOption7Data: {
               color: ['#5087ec', '#75f9fd', '#55a15b'],
               title: {
                    top: 20,
                    left: 10,
                    text: '正反相加药浓度',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
                },
              xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                series: [
                    {
                        name: '正相药剂浓度',
                        type: 'line',
                        data: [11, 10, 10, 12, 12.6, 11],
                        label: {
                            show: true,
                            color: '#5087ec',
                            formatter: '{c} ppm'
                        }
                    },
                    {
                        name: '沉降罐出口反相浓度',
                        type: 'line',
                        data: [21, 20, 20, 22, 22.6, 21],
                        label: {
                            show: true,
                            color: '#5087ec',
                            formatter: '{c} ppm'
                        }
                    },
                    {
                        name: '除油罐出口反相浓度',
                        type: 'line',
                        data: [45555, 45520, 45536, 45510, 35510, 35520],
                        label: {
                            show: true,
                            color: '#55a15b'
                        }
                    }
                ]
        },
        wOption8Data: {
                color: ['#5087ec', '#85d0dc', '#70b07a', '#f2bd42', ],
                   title: {
                    top: 20,
                    left: 10,
                    text: '水一区',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 17
                    }
            },
                       xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                       series: [
                    {
                        name: '来水',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '反应器',
                        type: 'line',
                        data: [60, 61, 60, 65, 66, 58],
                        label: {
                            show: true,
                            color: '#85d0dc'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '过滤出水',
                        type: 'line',
                        data: [102, 102, 100, 100, 106, 100],
                        label: {
                            show: true,
                            color: '#70b07a'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '回收量',
                        type: 'line',
                        data: [112, 132, 140, 120, 136, 140],
                        label: {
                            show: true,
                            color: '#f2bd42'
                            // formatter: '{c} %'
                        }
                    },
                
                ]
        },
        wOption9Data: {
            color: ['#70a2fc', '#68bbc4'],
                title: [
                    {
                        text: '水一区水质',
                        top: 20,
                        left: 10,
                        textStyle: {
                            color: '#6DA7F0',
                            fontSize: 20
                        }
                    }
            ],
             xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: [
                      "调储罐进口",
                        "调储罐出口",
                        "反应罐出口",
                      "二级出口"
                    ]
            },
               series: [
                    {
                        name: '含油',
                        type: 'bar',
                        data: [
                            54000, 53000, 52000, 54123, 56128, 55520, 54213,
                            54712
                        ],
                        label: {
                            position: 'top',
                            show: true,
                            color: '#5087ec'
                        }
                    },
                    {
                        name: '悬浮物',
                        type: 'bar',
                        data: [
                            55555, 55520, 55536, 55510, 55510, 55520, 51203,
                            53621
                        ],
                        label: {
                            position: 'top',
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        //水一区 调储罐进口
        wOption10Data: {
                color: ['#5087ec', '#85d0dc'],
               
          xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
            series: [
                   {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        },
                    },
                    {
                        name: '悬浮',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        //水一区 调储罐出口
        option10Data1: {
                color: ['#5087ec', '#85d0dc'],
               
          xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
            series: [
                   {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        },
                    },
                    {
                        name: '悬浮',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        // 水一区 反应罐出口
          option10Data2: {
                color: ['#5087ec', '#85d0dc'],
               
          xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
            series: [
                   {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        },
                    },
                    {
                        name: '悬浮',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
          
          // 水一区 二级出口
          option10Data3: {
                color: ['#5087ec', '#85d0dc'],
               
          xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
            series: [
                   {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        },
                    },
                    {
                        name: '悬浮',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
          
               //水二区 调储罐进口
        option10Data4: {
                color: ['#5087ec', '#85d0dc'],
               
          xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
            series: [
                   {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        },
                    },
                    {
                        name: '悬浮',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        //水二区 调储罐出口
        option10Data5: {
                color: ['#5087ec', '#85d0dc'],
               
          xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
            series: [
                   {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        },
                    },
                    {
                        name: '悬浮',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        // 水二区 反应罐出口
          option10Data6: {
                color: ['#5087ec', '#85d0dc'],
               
          xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
            series: [
                   {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        },
                    },
                    {
                        name: '悬浮',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
          
          // 水二区 二级出口
          option10Data7: {
                color: ['#5087ec', '#85d0dc'],
               
          xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
            series: [
                   {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        },
                    },
                    {
                        name: '悬浮',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        wOption11Data: {
                color: ['#5087ec', '#85d0dc', '#70b07a', '#f2bd42', ],
                   title: {
                    top: 20,
                    left: 10,
                    text: '水二区',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 17
                    }
            },
                       xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                       series: [
                    {
                        name: '来水',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '反应器',
                        type: 'line',
                        data: [60, 61, 60, 65, 66, 58],
                        label: {
                            show: true,
                            color: '#85d0dc'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '过滤出水',
                        type: 'line',
                        data: [102, 102, 100, 100, 106, 100],
                        label: {
                            show: true,
                            color: '#70b07a'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '回收量',
                        type: 'line',
                        data: [112, 132, 140, 120, 136, 140],
                        label: {
                            show: true,
                            color: '#f2bd42'
                            // formatter: '{c} %'
                        }
                    },
                
                ]
        },
        
        wOption12Data: {
            color: ['#70a2fc', '#68bbc4'],
                title: [
                    {
                        text: '水二区水质',
                        top: 20,
                        left: 10,
                        textStyle: {
                            color: '#6DA7F0',
                            fontSize: 20
                        }
                    }
            ],
             xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: [
                         "调储罐进口",
                        "调储罐出口",
                        "反应罐出口",
                      "二级出口"
                    ]
            },
               series: [
                    {
                        name: '含油',
                        type: 'bar',
                        data: [
                            54000, 53000, 52000, 54123, 56128, 55520, 54213,
                            54712
                        ],
                        label: {
                            position: 'top',
                            show: true,
                            color: '#5087ec'
                        }
                    },
                    {
                        name: '悬浮物',
                        type: 'bar',
                        data: [
                            55555, 55520, 55536, 55510, 55510, 55520, 51203,
                            53621
                        ],
                        label: {
                            position: 'top',
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        fOption13Data: {
            color: ['#5087ec', '#85d0dc', '#70b07a', '#f2bd42'],
                title: {
                    top: 20,
                    left: 10,
                    text: '水二区',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
            },
                     xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                         series: [
                    {
                        name: '1#池空高(m)',
                        type: 'bar',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#5087ec'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '2#池空高(m)',
                        type: 'bar',
                        data: [60, 61, 60, 65, 66, 58],
                        label: {
                            show: true,
                            color: '#85d0dc'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '3#池空高(m)',
                        type: 'bar',
                        data: [102, 102, 100, 100, 106, 100],
                        label: {
                            show: true,
                            color: '#70b07a'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '事故池空高(m)',
                        type: 'bar',
                        data: [112, 132, 140, 120, 136, 140],
                        label: {
                            show: true,
                            color: '#f2bd42'
                            // formatter: '{c} %'
                        }
                    }
                ]
        },
        fOption14Data: {
                   color: ['#f2bd42'],
                title: {
                    top: 20,
                    left: 10,
                    text: '采油站废液量',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
            },
                   xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                    series: [
                    {
                        name: '采油站废液量',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#f2bd42'
                        }
                    }
                ]
        },
        lOption15Data: {
                  color: ['#5087ec', '#85d0dc'],
                title: {
                    top: 20,
                    left: 10,
                    text: '冷凝水',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
            },
                 xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                  series: [
                    {
                        name: '来水量',
                        type: 'line',
                        data: [102, 102, 100, 100, 106, 100],
                        label: {
                            show: true,
                            color: '#5087ec'
                        }
                    },
                    {
                        name: '产水量',
                        type: 'line',
                        data: [112, 132, 140, 120, 136, 140],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        lOption16Data: {
                 color: ['#f2bd42', '#85d0dc', '#70b07a'],
                title: {
                    top: 20,
                    left: 10,
                    text: '接水罐进口水质',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
            },
                     xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                       series: [
                    {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#f2bd42'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '悬浮物',
                        type: 'line',
                        data: [60, 61, 60, 65, 66, 58],
                        label: {
                            show: true,
                            color: '#85d0dc'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '硬度',
                        type: 'line',
                        data: [102, 102, 100, 100, 106, 100],
                        label: {
                            show: true,
                            color: '#70b07a'
                            // formatter: '{c} %'
                        }
                    }
                ]
        },
        lOption17Data: {
               color: ['#85d0dc'],
                title: {
                    top: 20,
                    left: 10,
                    text: '净化水外输量（水处理总表）',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
            },
                  xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                  series: [
                    {
                        name: '净化水外输量',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#85d0dc'
                        }
                    }
                ]
        },
        lOption18Data: {
            color: ['#5087ec'],
                title: {
                    top: 20,
                    left: 10,
                    text: '反相破乳剂浓度',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
            },
                  xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                     series: [
                    {
                        name: '反相破乳剂浓度(m³)',
                        type: 'line',
                        data: [54000, 53000, 52000, 54123, 56128, 55520],
                        label: {
                            show: true,
                            color: '#5087ec'
                        }
                    }
                ]
        },
        lOption19Data: {
             color: ['#f2bd42', '#85d0dc', '#70b07a'],
                title: {
                    top: 20,
                    left: 10,
                    text: '过滤进口水质',
                    textStyle: {
                        color: '#6DA7F0',
                        fontSize: 20
                    }
            },
                 xAxis: {
                    axisLabel: {
                        color: '#fff'
                    },
                    data: ['07/16', '07/17', '07/18', '07/19', '07/20', '07/21']
            },
                       series: [
                    {
                        name: '含油',
                        type: 'line',
                        data: [60, 80, 88, 90, 96, 90],
                        label: {
                            show: true,
                            color: '#f2bd42'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '悬浮物',
                        type: 'line',
                        data: [60, 61, 60, 65, 66, 58],
                        label: {
                            show: true,
                            color: '#85d0dc'
                            // formatter: '{c} %'
                        }
                    },
                    {
                        name: '硬度',
                        type: 'line',
                        data: [102, 102, 100, 100, 106, 100],
                        label: {
                            show: true,
                            color: '#70b07a'
                            // formatter: '{c} %'
                        }
                    }
                ]
        },
       
    }
}

 
